<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 浅拷贝:拷贝出来的目标对象的复杂数据类型的地址和源对象的复杂数据类型的地址的内存空间是同一块空间,修改其中一个对象,另外一个对象将会受到影响
        var obj = {
            name: '张美丽',
            age: 20,
            hobby: ['运动', '敲代码', '谈恋爱']
        };

        // 1.for..in进行浅拷贝
        var copyObj = {};
        // for (var key in obj) {
        //     copyObj[key] = obj[key];
        // };
        // copyObj.hobby[1] = '挣钱';
        // console.log(copyObj);
        // console.log(obj);
        // 2.Object.assign(target, ...sources):实现对对象的浅拷贝
        Object.assign(copyObj, obj);
        copyObj.hobby[1] = '挣钱';
        console.log(copyObj);
        console.log(obj);
    </script>
</body>

</html>